<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://struts.apache.org/tags-html-el" prefix="html-el" %>
<%@taglib uri="http://struts.apache.org/tags-bean-el" prefix="bean-el" %>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@taglib uri="http://struts.apache.org/tags-logic-el" prefix="logic-el" %>
<%@taglib uri="/WEB-INF/tld/application.tld" prefix="app" %>
<form name="frmPrincipal">
	<table style="width: 100%" border="0" cellpadding="0" cellspacing="0"> 
		<tr>
			<td style="padding-left:15px">
				<input type="checkbox" id="recarregarTela" onclick="timerLoad()"/> Atualizar Automaticamente a cada 1 minuto
			</td>
			<td align="right" valign="middle">
				<table border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td>
							<a href="matricularAluno.do?method=iniciar" title="Matricular Aluno">
								<img src="_images/aluno.png" border="0"/>
							</a>
						</td>
						<td style="width:15px"></td> 
						<td>
							<a href="javascript:carregaEfetuarPagamento()" title="Venda de Serviço">
								<img src="_images/vender.png" border="0"/>
							</a>
						</td>
						<td style="width:15px"></td>  
						<td>
							<a href="cadastroTurma.do?method=iniciar" title="Cadastro de Turma">
								<img src="_images/turma.png" border="0"/>
							</a>
						</td>
						<td style="width:15px"></td>   
						<td>
							<a href="pontoEletronico.do?method=consultarIniciar" title="Ponto Eletrônico">
								<img src="_images/relogio.png" border="0"/>
							</a>
						</td>
						<td style="width:15px"></td>  
						<td>
							<a href="cadastroCalendario.do?method=iniciar" title="Calendário">
								<img src="_images/calendario.png" border="0"/>
							</a>
						</td>
						<td style="width:15px"></td>
						<td>
							<a href="cadastroComputadorProva.do?method=iniciar" title="Cadastro de Computador Prova">
								<img src="_images/computador.png" border="0"/>
							</a>
						</td>
					</tr>
				</table>								
			</td>
			<td style="width:30px"></td>  
		</tr>
	</table>
	<div style="overflow: auto;width:100%;height:${screenHeight}px">
		<table style="width: 100%" border="0"> 
			<tr>
				<td align="center" valign="top">
					<!-- CONTENT -->						
					<div class="content">
						<table class="con">
							<tr>
								<td>
									<table class="breadory">
										<tr>
											<td>Turmas em Curso</td> 
											<td style="text-align: right;">
												<img alt="recarregar" id="imgCarregarTurmasEmAberto" src="_images/AjaxLoading.jpg" border="0" onclick="carregarTurmasEmAberto()" style="cursor: pointer;">
											</td>
										</tr>
									</table>
									<div id="conteudoTurmasEmCurso"/>						
								</td>
							</tr>						
						</table>	
					</div>					
				</td>
				<td align="center" valign="top">
					<!-- CONTENT -->						
					<div class="content">
						<table class="con">
							<tr>
								<td>
									<table class="breadory">
										<tr>
											<td>Próximas Turmas</td>
											<td style="text-align: right;">
												<img alt="recarregar" id="imgCarregarProximasTurmas" src="_images/AjaxLoading.jpg" border="0" onclick="carregarProximasTurmas()" style="cursor: pointer;">
											</td>
										</tr> 
									</table>
									<div id="conteudoProximasTurmas"/>								
								</td>
							</tr>						
						</table>	
					</div>					
				</td>
			</tr>
			<tr>
				<td align="center" valign="top">
					<!-- CONTENT -->						
					<div class="content">
						<table class="con">
							<tr>
								<td>
									<table class="breadory">
										<tr>
											<td>Alunos Presentes com Débito</td> 
											<td style="text-align: right;">
												<img alt="recarregar" id="imgCarregarAlunosPresentesDebito" src="_images/AjaxLoading.jpg" border="0" onclick="carregarAlunosPresentesDebito()" style="cursor: pointer;">
											</td>
										</tr>
									</table>
									<div id="conteudoAlunosPresentesDebito"/>							
								</td>
							</tr>						
						</table>	
					</div>					
				</td>
				<td align="center" valign="top">
					<!-- CONTENT -->						
					<div class="content">
						<table class="con">
							<tr>
								<td>
									<table class="breadory">
										<tr>
											<td>Provas do Dia</td>
											<td style="text-align: right;">
												<img alt="recarregar" id="imgCarregarProvasDoDia" src="_images/AjaxLoading.jpg" border="0" onclick="carregarProvasDoDia()" style="cursor: pointer;">
											</td>
										</tr>
									</table>	
									<div id="conteudoProvasDoDia"/>							
								</td>
							</tr>						
						</table>	
					</div>
				</td>
			</tr>
			<tr>
				<td align="center" valign="top">
					<!-- CONTENT -->						
					<div class="content">
						<table class="con">
							<tr>
								<td>
									<table class="breadory">
										<tr>
											<td>Consulta de Aluno</td> 
											<td style="text-align: right;">
												
											</td>
										</tr>
									</table>
									<br>
									<table style="width:590px;height:50px">
										<tr>
											<td valign="top">
												<table class="formulario">
													<tr>
														<td class="label">CPF:</td>
														<td class="inputField">
															<input type="text" id="cpf" title="CPF" size="12" maxlength="14" onblur="consultarAluno(this)" onkeypress ="autoTab(this, event);"/>
														</td>
														<td style="width:10px"></td>
														<td class="label">Matrícula:</td>
														<td class="inputField">
															<input type="text" id="matricula" title="Matricula" size="4" maxlength="10" onblur="consultarAluno(this)" onkeypress ="autoTab(this, event);"/>
														</td>
													</tr>
												</table>
											</td>
										</tr>
									</table>				
								</td>
							</tr>						
						</table>	
					</div>					
				</td>
			</tr>
		</table>
	</div>
	<div id="dialogDetalhe" data-dojo-type="dijit.Dialog" title="Turma - Detalhe">
		<div id="dialogDetalheContent"></div>
		<script language="javascript">
			function atualizaAvaliacao(field, matricula) {
				if(field.value == "")
					return false;
				
				require(["dojo/_base/lang", "dojo/_base/xhr"], function(lang, xhr) {
					xhr.get({
				        url: "cadastroTurma.do?method=atualizarAvaliacao",
				        timeout: ${ajaxTimeoutVoid},
				        content: {
				        	ajax: 'true',
				        	idSelecionado: matricula,
				        	avaliacao: field.value			        	
				        },
				        load: function(data, ioArgs) {

				        },
						error: function(data, ioArgs) {
							showAlertMessage("Erro ao realizar está operação! Tente novamente!");
				        }
				    });
				});
			}		
			function atualizarDetalheTurma() {
				dijit.byId('dialogResultadoProva').hide();
				turmaDetalhe('proximasTurmas');				
			}
			
			function gerarRelacaoAlunosTaxi(codigo) {
				window.open("cadastroTurma.do?method=gerarRelacaoAlunosTaxi&idSelecionado="+codigo);
			}
			
			function gerarCertificados(codigo) {
				window.open("cadastroTurma.do?method=gerarCertificados&idSelecionado="+codigo);
			}
			
			function gerarTermoCredenciamentoTaxi(codigo) {
				window.open("cadastroTurma.do?method=gerarTermoCredenciamentoTaxi&idSelecionado="+codigo);
			}
		</script>
	</div>
	
	<div id="dialogResultadoProva" data-dojo-type="dijit.Dialog" title="Realização de Prova - João de Arruda - Resultado">
		<table class="details" border="0">
			<tr>
				<td class="label" style="width:80px">CPF:</td>
				<td style="width:150px">12.234.123/12</td>
				<td style="width:5px">&nbsp;</td>
				<td class="label" style="width:40px">Nome:</td>
				<td style="width:200px" colspan="4">João de Arruda</td>
			</tr>
			<tr>
				<td class="label">Prova:</td>
				<td>Primeira Habilitação</td>
				<td>&nbsp;</td>
				<td class="label">Hora:</td>
				<td>11:00</td>
				<td>&nbsp;</td>
				<td class="label">Local:</td>
				<td>Micro 01</td>
			</tr>
			<tr>
				<td class="label">Aprovado:</td>
				<td>
					<app:comboSimNao styleId="aprovado" title="Aprovado"/>
				</td>
				
			</tr>
			<tr>
				<td class="buttons" align="right" valign="bottom" colspan="8">	
					<a href="javascript:atualizarResultadoProva()" class="button">
						<span>Atualizar</span>
					</a>
					<a href="javascript:return" onclick="dijit.byId('dialogResultadoProva').hide()" class="button">
						<span>Fechar</span>
					</a>
				</td>
			</tr>
		</table>
		<script type="text/javascript">
			
			var codigoAgendamento = null;
		
			function confirmarRealizacaoProva(codigo) {
				codigoAgendamento = codigo;
				document.getElementById('aprovado').value = "";
				dijit.byId('dialogResultadoProva').show();
			}
			function atualizarResultadoProva() {
				if(!mandatoryField('aprovado')) {
					return;
				}
				
				if(!confirm('Confirma realização de Prova ?'))
					return;
				
				require(["dojo/_base/lang", "dojo/_base/xhr"], function(lang, xhr) {
					xhr.get({
				        url: "agendamentoProva.do?method=atualizarResultadoProva",
				        timeout: ${ajaxTimeoutVoid},
				        content: {
				        	ajax: 'true',
				        	agendamento: codigoAgendamento,
				        	aprovado: document.getElementById('aprovado').value			        	
				        },
				        load: function(data, ioArgs) {
				        	alert("Dados Atualizados com Sucesso!");
							dijit.byId('dialogResultadoProva').hide();
							carregarProvasDoDia();
				        },
						error: function(data, ioArgs) {
							showAlertMessage("Erro ao realizar está operação! Tente novamente!");
				        }
				    });
				});
				codigoAgendamento = null;
			}
		</script>
	</div>

</form>

<script type="text/javascript">

	jQuery(function($) {
		$("#percentualAcertoProva").forceNumericOnly();
		$("#cpf").mask("999.999.999/99");
		$("#matricula").forceNumericOnly();		
	});

	dojo.addOnLoad(function() {
		carregarTurmasEmAberto();
		carregarProximasTurmas();
		carregarAlunosPresentesDebito();
		carregarProvasDoDia();
		timerLoad();
	});
	
	function reloadPanels() {
		if(document.getElementById("recarregarTela").checked == false)
			return;
		carregarTurmasEmAberto();
		carregarProximasTurmas();
		carregarAlunosPresentesDebito();
		carregarProvasDoDia();
		timerLoad();
	}
	
	function timerLoad() {
		if(document.getElementById("recarregarTela").checked == false)
			return;
		setTimeout("reloadPanels()", 60000);
	}
	
	function loadingImage(id) {
		document.getElementById(id).src = "_images/AjaxLoading.gif";
		setTimeout('loadedImage(' + id + ')', 2500);
	}
	function loadedImage(id) {
		id.src = "_images/AjaxLoading.jpg";
	}
	
	function carregarTurmasEmAberto() {
		loadingImage("imgCarregarTurmasEmAberto");
		require(["dojo/_base/lang", "dojo/_base/xhr"], function(lang, xhr) {
			xhr.get({
		        url: "homeAtendimento.do?method=carregarTurmasEmCurso",
		        timeout: ${ajaxTimeoutData},
		        content: {ajax: 'true'},
		        load: function(data, ioArgs) {
					document.getElementById("conteudoTurmasEmCurso").innerHTML = data;
		        },
				error: function(data, ioArgs) {
					showAlertMessage("Erro ao realizar está operação! Tente novamente!");
		        }
		    });
		});
	}
	
	function carregarProximasTurmas() {
		loadingImage("imgCarregarProximasTurmas");
		require(["dojo/_base/lang", "dojo/_base/xhr"], function(lang, xhr) {
			xhr.get({
		        url: "homeAtendimento.do?method=carregarProximasTurmas",
		        timeout: ${ajaxTimeoutData},
		        content: {ajax: 'true'},
		        load: function(data, ioArgs) {
					document.getElementById("conteudoProximasTurmas").innerHTML = data;
		        },
				error: function(data, ioArgs) {
					showAlertMessage("Erro ao realizar está operação! Tente novamente!");
		        }
		    });
		});
	}
	
	function carregarAlunosPresentesDebito() {
		loadingImage("imgCarregarAlunosPresentesDebito");
		require(["dojo/_base/lang", "dojo/_base/xhr"], function(lang, xhr) {
			xhr.get({
		        url: "homeAtendimento.do?method=carregarAlunosPresentesDebito",
		        timeout: ${ajaxTimeoutData},
		        content: {ajax: 'true'},
		        load: function(data, ioArgs) {
					document.getElementById("conteudoAlunosPresentesDebito").innerHTML = data;
		        },
				error: function(data, ioArgs) {
					showAlertMessage("Erro ao realizar está operação! Tente novamente!");
		        }
		    });
		});
	}
	
	function carregarProvasDoDia() {
		loadingImage("imgCarregarProvasDoDia");
		require(["dojo/_base/lang", "dojo/_base/xhr"], function(lang, xhr) {
			xhr.get({
		        url: "homeAtendimento.do?method=carregarProvasDoDia",
		        timeout: ${ajaxTimeoutData},
		        content: {ajax: 'true'},
		        load: function(data, ioArgs) {
					document.getElementById("conteudoProvasDoDia").innerHTML = data;
		        },
				error: function(data, ioArgs) {
					showAlertMessage("Erro ao realizar está operação! Tente novamente!");
		        }
		    });
		});
	}
	
	
	function turmaDetalhe(field) {
		
		require(["dojo/_base/lang", "dojo/_base/xhr"], function(lang, xhr) {
			xhr.post({
		        url: "cadastroTurma.do?method=detalhe",
		        timeout: ${ajaxTimeoutData},
		        handleAs: "text",
		        content: {
		        	ajax: 'true',
		        	idSelecionado:getSelectedRadio(field).value
		        },
		        load: function(data, ioArgs) {
		    		document.getElementById("dialogDetalheContent").innerHTML = data;
		    		dijit.byId('dialogDetalhe').show();
		        },
				error: function(data, ioArgs) {
					showAlertMessage("Erro ao realizar está operação! Tente novamente!");
		        }
		    });
		});
	}
	function detalheCancelar() {
		dijit.byId('dialogDetalhe').hide();
	}
	
	function consultarAluno(field) {
		
		if(field.value == "" || field.value == "___.___.___/__")
			return;
		
		require(["dojo/_base/lang", "dojo/_base/xhr"], function(lang, xhr) {
			xhr.post({
		        url: "consultarAluno.do?method=verificaAlunoCadastrado",
		        timeout: ${ajaxTimeoutData},
		        handleAs: "json",
		        content: {
		        	ajax: 'true',
		        	cpf: document.getElementById('cpf').value,
		        	matricula: document.getElementById('matricula').value
		        },
		        load: function(data, ioArgs) {
		    		if(data[0] == true) {
		    			window.location = "consultarAluno.do?method=iniciar&aluno=" + data[1];
		    		} else {
		    			alert(data[1]);
		    			field.value = "";
		    		}
		        },
				error: function(data, ioArgs) {
					showAlertMessage("Erro ao realizar está operação! Tente novamente!");
		        }
		    });
		});
		
	}
	
</script>